<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scaleble=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/个人中心/my.css">
</head>

<body>
    <header class="top_bg">
        <div class="h45 ac">
            个人中心
        </div>
    </header>

    <div class="lists">
        <div class="h45 marB10 sg_style">
            <p>昵称信息</p>
            <span class="marL20">as22001</span>
            <a class="active-color" href="javascript:;">修改</a>
        </div>
        <a href="javascript:;" class="h45">
            密码重置
            <i></i>
        </a>
        <a href="javascript:;" class="h45">
            银行卡信息
            <i></i>
        </a>
        <a href="javascript:;" class="h45">
            支付宝
            <i></i>
        </a>
        <a href="javascript:;" class="h45">
            微信
            <i></i>
        </a>
        <a href="javascript:;" class="h45">
            收货地址
            <i></i>
        </a>

        <div class="bottom_btn" style="margin-top:25px;">
            <button type="button">退出账号</button>
        </div>
    </div>


    <footer>
        <ul>
            <li>
                <a href="javascript:;">
                    <i>
                        <img src="img/index.png" alt="">
                    </i>
                    首页
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i>
                        <img src="img/deal.png" alt="">
                    </i>
                    交易
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i>
                        <img src="img/wallet.png" alt="">
                    </i>
                    钱包
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <i>
                        <img src="img/auction.png" alt="">
                    </i>
                    竞拍
                </a>
            </li>
            <li class="active">
                <a href="javascript:;">
                    <i>
                        <img src="img/my_active.png" alt="">
                    </i>
                    个人中心
                </a>
            </li>
        </ul>
    </footer>

</body>

</html>